<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>登录</title>
        <link rel="stylesheet" th:href="@{/modules/login/css/login.css}" href="../static/modules/login/css/login.css">
        <link rel="stylesheet" th:href="@{/modules/css/bootstrap.css}" href="../static/modules/css/bootstrap.css">
        <link rel="stylesheet" th:href="@{/modules/js/bootstrap.js}" href="../static/modules/js/bootstrap.js">
    </head>

    <body>
        <div class="main">
            <div class="main_bg row">
                <div class="logo"></div>
                <div class="loginBox col-md-8 col-md-offset-2 col-sm-12 row">
                    <!-- signContent -->
                    <div class="tip-box clearfix col-md-6 hidden-xs hidden-sm">
                        <div class="tip-left">
                            <p class="tip-title">Galaxy Studio</p>
                            <p class="tip-msg">敏捷的云原生软件平台</p>
                            <!--<p class="tip-subtitle">Galaxy Studio</p>-->
                            <div class="btn-box">
                                <button class="button phone-login btn-active" data-id="0">账号密码登录</button>
                                <!--<button class="button phone-login" data-id="1">手机号登录</button>
                                <button class="button register">注册账户</button>-->
                            </div>
                        </div>
                        <div class="tip-right tip-active">
                            <p class="tip-title">Galaxy Studio</p>
                            <p class="tip-subtitle">Galaxy Studio</p>
                            <p class="tip-msg">敏捷的云原生软件平台</p>
                            <div class="btn-box">
                                <button class="button login">使用已有账户登录</button>
                            </div>
                        </div>
                    </div>
                    <div class="signContent col-md-5 col-sm-12">
                        <form th:action="@{/login/form}" class="form-box loginForm" id="form_key" method="post">

                            <div class="form-item-box">
                                <h3>账号密码登录</h3>
                                <div th:if="${param.error}">
                                    <span th:text="${session.SPRING_SECURITY_LAST_EXCEPTION?.message}" style="color:red" class="error_msg"></span>
                                </div>
                                <div class="form-item form-bottom">
                                    <img th:src="@{/modules/login/img/user.png}" src="modules/login/imguser.png" class="iconImg" />
                                    <input type="text" value="" name="name" class="input userInput" placeholder="请输入用户名"
                                           autocomplete="off" />
                                </div>
                                <div class="form-item form-bottom">
                                    <img th:src="@{/modules/login/img/password.png}" src="modules/login/imgpassword.png" class="iconImg" />
                                    <input type="password" value="" name="pwd" class="input pwdInput"
                                           placeholder="请输入登录密码" autocomplete="off" />
                                </div>
                                <div class="form-item form-bottom form-active">
                                    <img th:src="@{/modules/login/img/phone.png}" src="modules/login/imgphone.png" class="iconImg" />
                                    <input type="tel" maxlength="11" value=""
                                           onkeydown="value=value.replace(/[^\d]/g,'')" name="mobile"
                                           class="input phoneInput" placeholder="请输入您的手机号" autocomplete="off" />
                                    <input type="tel" value="REDIRECT"
                                           name="loginResponseType" style="display: none;"
                                           autocomplete="off" />
                                </div>
                                <div class="form-item form-bottom">
                                    <img th:src="@{/modules/login/img/verify_code.png}" src="modules/login/imgverify_code.png" class="iconImg" />
                                    <input type="text" value="" name="verifyCode" class="input inputCode" placeholder="请输入验证码"
                                           autocomplete="off" />
                                    <span class=" input-code"><img src="../code/image"></span>
                                </div>
                                <div class="form-item form-bottom form-active">
                                    <img th:src="@{/modules/login/img/verify_code.png}" src="modules/login/imgverify_code.png" class="iconImg" />
                                    <input type="number" value="" name="mobileCode" class="input inputCode"
                                           placeholder="请输入验证码" autocomplete="off" />
                                    <span class="input-right get-code">获取验证码</span>
                                </div>
                                <div class="check-pwd">
                                    <span class="radio-box">
                                        <div class="radio">
                                            <img th:src="@{/modules/login/img/Check.png}" src="modules/login/imgCheck.png" class="isCheck" />
                                        </div>
                                        <span class="radio-text">自动登录</span><input name="remember-me" type="checkbox" style="display: none">
                                    </span>
                                    <a href="javascript:;" class="forget-pwd">忘记密码 ？</a>
                                </div>
                                <button id='submit' type="submit" class="button formSubmit">登录</button>
                               <!-- <div class="others-way">
                                    <p class="others-login">其他登录方式</p>
                                    <div class="others-content">
                                        <div class="img-item"><img th:src="@{/modules/login/img/GitHub_icon.png}"
                                                                   src="modules/login/imgGitHub_icon.png" /></div>
                                        <div class="img-item"><img th:src="@{/modules/login/img/Wx_icon.png}" src="modules/login/imgWx_icon.png" />
                                        </div>
                                        <div class="img-item"><img th:src="@{/modules/login/img/Dingding_icon.png}"
                                                                   src="modules/login/imgDingding_icon.png" /></div>
                                    </div>
                                </div>-->
                            </div>
                        </form>
                        <form th:action="@{/register/form}" class="form-box registerForm active" id="form_register"
                            method="post">
                            <div class="form-item-box">
                                <h3>注册账号</h3>
                                <div class="form-item form-bottom">
                                    <img th:src="@{/modules/login/img/user.png}" src="modules/login/imguser.png" class="iconImg" />
                                    <input type="text" value="" name="name" class="input userInput" placeholder="请输入用户名"
                                        autocomplete="off" />
                                </div>
                                <div class="form-item form-bottom">
                                    <img th:src="@{/modules/login/img/password.png}" src="modules/login/imgpassword.png" class="iconImg" />
                                    <input type="password" value="" name="password" class="input pwdInput"
                                        placeholder="至少8位密码，区分大小写" autocomplete="off" />
                                </div>
                                <div class="form-item form-bottom">
                                    <img th:src="@{/modules/login/img/password.png}" src="modules/login/imgpassword.png" class="iconImg" />
                                    <input type="password" value="" name="pwd1" class="input pwd1Input"
                                        placeholder="确认密码" autocomplete="off" />
                                </div>
                                <div class="form-item form-bottom">
                                    <img th:src="@{/modules/login/img/email.png}" src="modules/login/imgemail.png" class="iconImg" />
                                    <input type="email" value="" name="email" class="input emailInput"
                                        placeholder="请输入您的邮箱" autocomplete="off" />
                                </div>
                                <div class="form-item form-bottom">
                                    <img th:src="@{/modules/login/img/phone.png}" src="modules/login/imgphone.png" class="iconImg" />
                                    <input type="tel" maxlength="11" value=""
                                        onkeydown="value=value.replace(/[^\d]/g,'')" name="mobile"
                                        class="input phoneInput" placeholder="请输入您的手机号" autocomplete="off" />
                                </div>
                                <div class="form-item form-bottom">
                                    <img th:src="@{/modules/login/img/verify_code.png}" src="modules/login/imgverify_code.png" class="iconImg" />
                                    <input type="number" value="" name="code" class="input inputCode"
                                        placeholder="请输入验证码" autocomplete="off" />
                                    <span class="input-right get-code">获取验证码</span>
                                </div>
                                <button id='register' type="button" class="button formSubmit btn-register">立即注册</button>
                            </div>
                        </form>
                    </div>
                </div>
                    <div class="loginBox-border col-md-6 col-md-offset-3"></div>
            </div>
        </div>

        <script th:src="@{/plugins/jquery/jquery.min.js}" src="plugins/jquery/jquery.min.js"></script>
        <script th:src="@{/modules/login/js/login.js}" src="modules/login/js/login.js"></script>
    </body>

</html>
